<div class="prel w-all h-all">
<!-- 左侧 -->
<div class="p-panel um-panel left-panel" id="left-panel" style="width:160px">
	<ul id="sec_event_menu_ul"></ul>
</div>

<!-- 右侧 -->
<div class="p-panel um-panel right-panel" id="right-panel" style="left:160px;overflow-x:hidden;padding:0;">
	<div class="w-all h-all" id="sec_event_content"></div>
</div>
</div>

<script>
	
$(document).ready(function (){
require(['tree'] ,function (tree){

	var sec_event_menu_data = [
								 {id:"1",parentID:"-1",label:"黑名单",href:"blacklist"},
								 {id:"2",parentID:"-1",label:"事件库",href:"sec_event_info_repo"},
								 {id:"3",parentID:"-1",label:"事件类型",href:"event_type"},
								 {id:"4",parentID:"-1",label:"日志样本类型库",href:"log_sample_type"},
								 {id:"5",parentID:"-1",label:"互联网地址",href:"internet_address"},
								 {id:"6",parentID:"-1",label:"日志特征库",href:"log_characteristic"},
							  ]

	var el_sec_event_content = $("#sec_event_content")

	tree.simpleTree($("#sec_event_menu_ul"),{
		zNodes : sec_event_menu_data,
		zTreeOnClick : zTreeOnClick,
		initIdVal : "1"
	})

	zTreeOnClick(null ,null ,{href:"blacklist"})

	function zTreeOnClick(treeNode){
		$.ajax({
			type: "GET",
			url: index_web_app_name
					+ "module/base_resource_mant/sec_event_manage/" + treeNode.href + ".html",
			dataType: "html",
			success :function(data){
				$("#sec_event_content").empty()
				$("#sec_event_content").html(data)
			}
		})
	}

})
})

</script>